<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>


<body> 
<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
	  		
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div class="pagination pagination-center">
<button class="span7" style="margin-left: 10%;">
	<h:form>
		<div class="row-fluid ">
			<div class="span6"> 
				<h5><font color="#1E7FCB">Jean-Marc Christfried BALIZOU</font></h5>
				<small class="thumbnail" style="border-color: #003366"><font color="#22427C">
				29 Rue Khalil Ahmed Ariana Esoghra<br/>
				Ariana Nord<br/>
				Tel : + (216) 25 04 88 99<br/>
				Mail : christfriedbalizou@gmail.com
				</font></small>
			</div>
			<div class=" span6 pull-right">
				<img src="images/jm.jpg" height="50" width="50" alt="" class="pull-right"/>
				<br/><br/><br/><br/><br/>
				<small class="thumbnail span18 pull-right" style="border-color: #003366"><em><font color="#22427C">Mon passage dans votre société est un atout.</font></em></small>
			</div>
		</div>
		<hr style="border-color: #003366"/>
		<div style="background-color: #77B5FE">
			<h5 align="left"><i class="icon-file"></i><font color="#003366">Formations</font></h5>
		</div>
		<div>
			<h6 align="left"><u>2011-2012: Bac +4 Ingénierie Informatique , Tunisie</u></h6>
			<small><p align="left">
				Bac +4, Formation recognized by the state.
Students trained in 4th year of Computer Engineering to ESPRIT in Tunisia are able to participate in the design, development and implementation of computer systems to meet the needs of users.
			</p></small>
		</div>
		<div style="background-color: #77B5FE">
			<h5 align="left"><i class="icon-thumbs-up"></i><font color="#003366">Competences</font></h5>
		</div>
		<div>
		<table class="table-condensed table-hover">
		<tr>
			<td>
			<h6 align="left">Industrial:</h6></td><td align="left"><small>Machines, Conditioning, Packing</small>
			</td>
		</tr>
		<tr>
			<td><h6 align="left">Data processing:</h6></td><td align="left"><small>Word, Excel, Access</small></td>
		</tr>
		<tr>
			<td><h6 align="left">Financial:</h6></td><td align="left"><small>Accounting, steward, Financial director, Cash </small></td>
		</tr>
		<tr>
			<td><h6 align="left">Linguistic:</h6></td><td align="left"><small>French, English</small></td>
		</tr>
		</table>
		</div>
		<div style="background-color: #77B5FE">
			<h5 align="left"><i class="icon-briefcase"></i><font color="#003366">Experiences</font></h5>
		</div>
		<small><p align="left">3 years </p></small>
	</h:form>
	<table align="center"><tr><td><h:link value="Use" outcome="transition" styleClass="btn btn-primary btn-lage span1"><f:param name="offer2" value="#{offerManaged.jobofferid2()}" /><f:param name="temp" value="1"/> </h:link></td></tr></table>
</button>
<button class="span7" style="margin: auto;" >
<h:form styleClass="form-horizontal">
		<div style="background-color:#660099; width: 110%; margin-left:-1%;" >
			<table>
				<tr>
					<td align="left">
						<img src="images/jm.jpg" height="50" width="50" alt=""/>
					</td>
					<td align="left">
						<font color="#FFF">Jean-Marc Christfried BALIZOU<br/>29 Rue Khalil Ahmed Ariana Esoghra<br/>christfriedbalizou@gmail.com</font>
					</td>
					<td align="right" class="pull-right"><h3 align="right">Financial Director</h3><h4 align="right">7 Years Experiences</h4>
					</td>
				</tr>
			</table>
		</div>
		<br/>
		<div style="background-color:#660099; margin-right: -2%; border-radius:20px 0px 20px 0px;" class="pull-right span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-file icon-white"></i><font color="#FFF">Formations</font></h5>
		</div>
		<hr style="border-color: #660099"/>
		<h6 align="left"><u>2011-2012: Bac +4 Ingénierie Informatique , Tunisie</u></h6>
			<small><p align="left">
				Bac +4, Formation recognized by the state.
Students trained in 4th year of Computer Engineering to ESPRIT in Tunisia are able to participate in the design, development and implementation of computer systems to meet the needs of users.
			</p></small>
		<div style="background-color:#660099; margin-left: -2%; border-radius:0px 20px 0px 20px;" class="pull-left span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-thumbs-up icon-white"></i><font color="#FFF">Competences</font></h5>
		</div>
		<hr style="border-color: #660099"/>
		<div>
		<br/>
		<table class="table-condensed table-hover">
		<tr>
			<td>
			<h6 align="left">Industrial:</h6></td><td align="left"><small>Machines, Conditioning, Packing</small>
			</td>
		</tr>
		<tr>
			<td><h6 align="left">Data processing:</h6></td><td align="left"><small>Word, Excel, Access</small></td>
		</tr>
		<tr>
			<td><h6 align="left">Financial:</h6></td><td align="left"><small>Accounting, steward, Financial director, Cash </small></td>
		</tr>
		<tr>
			<td><h6 align="left">Linguistic:</h6></td><td align="left"><small>French, English</small></td>
		</tr>
		</table>
		</div>
		<div style="background-color:#660099; margin-right: -2%; border-radius:20px 0px 20px 0px;" class="pull-right span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-briefcase icon-white"></i><font color="#FFF">Experiences</font></h5>
		</div><hr style="border-color: #660099"/>
		<small><p align="left"><b>Financial Director</b> 7 years </p></small><br/>
	</h:form>
	<table align="center"><tr><td><h:link value="Use" outcome="transition" styleClass="btn btn-primary btn-lage span1"><f:param name="offer2" value="#{offerManaged.jobofferid2()}" /><f:param name="temp" value="2"/> </h:link></td></tr></table>
</button>			
</div>
<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="jQ/index.js"></script>
</body> 
</html>
